<template>
  <div id="">
    <div class="header">
      <div @click="chooseCity" class="addr">
        <span>{{openCity.areaName||'正在定位'}}</span>
        <img src="@/assets/images/down@2x.png"	/>
      </div>
      <search class="searchbox" @click.native="toSearch"></search>
    </div>

    <div class="bannerBox">
      <banner-slider :bannerList="bannerList"></banner-slider>
      <span class="logo">
        <img src="@/assets/images/logo@2x.png" width="50%" alt="">
      </span>
    </div>

    <index-menu class="mb10" :isRealAuth="isRealAuth"></index-menu>

		<div class="indexHouselist">
			<p class="houseListTit">
        <span>随寓整租</span>
        <router-link :to="{ path: '/houseList', query: {rentType:1,state:1}}">
          查看更多&nbsp;&nbsp;
          <img src="@/assets/images/right-icon@2x.png" width="8" alt="">
        </router-link>
      </p>
			<house-list :houseList="wholeHouselist"></house-list>
		</div>

		<div class="indexHouselist">
			<p class="houseListTit"><span>随寓转租</span>
        <router-link :to="{ path: '/houseList', query: {rentType:1,state:4}}">
          查看更多&nbsp;&nbsp;
          <img src="@/assets/images/right-icon@2x.png" width="8" alt="">
        </router-link>
      </p>
			<house-list :houseList="subletHouselist"></house-list>
		</div>

		<div class="indexHouselist">
			<p class="houseListTit"><span>随寓短租</span>
        <router-link :to="{ path: '/shortHouselist', query: {rentType:2}}">
          查看更多&nbsp;&nbsp;
          <img src="@/assets/images/right-icon@2x.png" width="8" alt="">
        </router-link>
      </p>
			<short-houselist :houseList="shortRentHouselist"></short-houselist>
		</div>

    <section class="p10">
      <a @click="callService" class="kefu">
        <button type="button" name="button">联系客服</button>
      </a>
      <p class="p10" align="center">
        <img src="@/assets/images/indexTip@2x.png" alt="" width="25%">
      </p>
    </section>
    <foot-nav></foot-nav>
  </div>
</template>

<script src="./index.js"></script>

<style lang="scss" scoped src="./index.scss"></style>
